<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<script type="text/javascript" src="scripts/jquery-1.5.1.js"></script>
		<!-- <script type="text/javascript" src="scripts/TestRat.js"></script> -->
		<script type="text/javascript" src="scripts/Poker.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Texas Hold 'em</title>
		<link rel="stylesheet" type="text/css" href="PokerTable.css" />

	</head>
	<body>

		<div class="pokerTable">
			<div id="dealer"></div>
			<div id="startGame"></div>
			<div id="exit"></div>
			<div id="p1" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p2" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p3" class="players">
			<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p4" class="players">
			<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p5" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p6" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p7" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p8" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			<div id="p9" class="players">
				<div class="playerCards">
					<div class="holeCard1"></div>
					<div class="holeCard2"></div>
				</div>
				<div class="playerName"></div>
				<div class="playerMoney"></div>
				<div class="dealer"></div>
			</div>
			
			<div id="handInfo">
				<div id="communityCards"></div>
				<div id="pot"></div>
				<div id="bet"></div>
			</div>
		</div>
		<div id="footer">
			<div id="chat">
				<textarea id="chatArea" readonly="readonly" rows="8" cols="50">Chat</textarea>
				<input type="text" />
				<input type="button" value="Send" />
			</div>	
			<div id="playerActions">
				<input class="playerAction" id="foldButton" type="submit" value="Fold" />
				<input class="playerAction" id="submitButton" type="submit" value="Bet" />
				<input class="playerAction" id="raiseButton" type="submit" value="Raise" />
				<input type="text" />
			</div>
		</div>
	</body>
</html>